<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=0.5,user-scalable=no">
    <title>专属</title>
    <link rel="stylesheet" href="images/yq2016_style.css"/>
</head>
<body class="container">
<!--头部开始-->
<div id="header">
    <a class="back" href="#"></a>
    <h2 class="tit">专属</h2>
</div>
<!--头部结束-->
<!--主体开始-->
<div id="content">
    <ul class="zshu-con">
        <li><a class="ico01" href="#"></a></li>
        <li><a class="ico02" href="#"></a></li>
        <li><a class="ico03" href="#"></a></li>
        <li><a class="ico04" href="#"></a></li>
        <li><a class="ico05" href="#"></a></li>
        <li><a class="ico06" href="#"></a></li>
        <li><a class="ico07" href="#"></a></li>
        <li><a class="ico08" href="#"></a></li>
    </ul>
    <div class="zshu-tc">
        <p><span>长按图标可实现排序操作</span></p>
    </div>
</div>
<!--主体结束-->
<!--底部开始-->
<div id="footer">
    <div class="main">
        <ul>
            <li class="cur"><a href="#" class="ico01">舆堂</a></li>
            <li><a href="#" class="ico02">专属</a></li>
            <li class="home"><a href="#"><img src="images/yq2016_footer_home.png" alt=""/></a></li>
            <li><a href="#" class="ico04">预警</a></li>
            <li><a href="#" class="ico05">我</a></li>
        </ul>
    </div>
</div>
<!--底部结束-->
</body>
</html>